<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>搜索页</title>

    <!--公用css引用-->
    <?php include 'include/style.php';?>
    <!--END/公用css引用-->
    <link rel="stylesheet" href="../css/index.css">
</head>
<body>

<!--公共头部-->
<?php include 'include/header.php';?>
<!--END/公共头部-->

<!--搜索条件-->

<!--END/搜索条件-->
<div class="inbox">
    <div class="filter-wrap fn-mt20">
        <div class="bl-alert alert-warning">
            <p class="text-color-0">sorry~!没找到“<a href="" class="text-color-error">新苹果手机</a>”相关的商品，阿福易购为您推荐“<a href="" class="text-color-error">苹果手机</a>”相关商品</p>
            <p class="text-color-0">其他你可能感兴趣的品牌：“<a href="" class="text-color-error">苹果</a>”、“<a href="" class="text-color-error">手机</a>”</p>
        </div>

        <!--已选择搜索条件、统计搜索结果-->
        <ul class="selected">
            <li class="fn-dib "><a href="#">纸尿裤</a>&gt;</li>
            <li class="fn-dib param"><a href="#">花王<i class="close">×</i></a>&gt; </li>
            <li class="fn-dib param"><a href="#">S号<i class="close">×</i></a> </li>
        </ul>
        <!--END/已选择搜索条件、统计搜索结果-->

        <!--搜索条件-->
        <ul class="params-list">
            <li class="param-row">
                <div class="param-tit">品牌：</div>
                <ul class="inner-list">
                    <li class="item"><a href="#">花王</a></li>
                    <li class="item"><a href="#">尤妮佳</a></li>
                    <li class="item cur"><a href="#">大王 <i class="close">×</i></a></li>
                    <li class="item"><a href="#">韩国好奇</a></li>
                    <li class="item"><a href="#">德国帮宝适</a></li>
                </ul>
            </li>
            <li class="param-row">
                <div class="param-tit">型号：</div>
                <ul class="inner-list">
                    <li class="item"><a href="#"> NB</a></li>
                    <li class="item"><a href="#">s</a></li>
                    <li class="item"><a href="#"> m</a></li>
                    <li class="item"><a href="#">l</a></li>
                    <li class="item"><a href="#">xl</a></li>
                    <li class="item"><a href="#">xxl</a></li>
                </ul>
            </li>
            <li class="param-row ui-nobrd">
                <div class="js-moreBtn more-btn fn-fr">
                    <span class="down">更多<i class="icon icon-arrow-b1 fn-ml4"></i></span>
                    <span class="up">收起<i class="icon icon-arrow-t1 fn-ml4"></i></span>
                </div>
                <div class="param-tit">适合体重：</div>
                <ul class="inner-list">
                    <li class="item"><a href="#">5kg以下</a></li>
                    <li class="item"><a href="#">4kg-8kg</a></li>
                    <li class="item"><a href="#">6kg-11kg</a></li>
                    <li class="item"><a href="#">9kg-14kg</a></li>
                    <li class="item"><a href="#">12kg-22kg</a></li>
                    <li class="item"><a href="#">12kg-20kg</a></li>
                    <li class="item"><a href="#">12kg-17kg</a></li>
                    <li class="item"><a href="#">15kg-28kg</a></li>
                    <li class="item"><a href="#">13kg-25kg</a></li>
                    <li class="item"><a href="#">5kg以下</a></li>
                    <li class="item"><a href="#">4kg-8kg</a></li>
                    <li class="item"><a href="#">6kg-11kg</a></li>
                    <li class="item"><a href="#">9kg-14kg</a></li>
                    <li class="item"><a href="#">12kg-22kg</a></li>
                    <li class="item"><a href="#">12kg-20kg</a></li>
                    <li class="item"><a href="#">12kg-17kg</a></li>
                    <li class="item"><a href="#">15kg-28kg</a></li>
                    <li class="item"><a href="#">13kg-25kg</a></li>
                    <li class="item"><a href="#">5kg以下</a></li>
                    <li class="item"><a href="#">4kg-8kg</a></li>
                    <li class="item"><a href="#">6kg-11kg</a></li>
                    <li class="item"><a href="#">9kg-14kg</a></li>
                    <li class="item"><a href="#">12kg-22kg</a></li>
                    <li class="item"><a href="#">12kg-20kg</a></li>
                    <li class="item"><a href="#">12kg-17kg</a></li>
                    <li class="item"><a href="#">15kg-28kg</a></li>
                    <li class="item"><a href="#">13kg-25kg</a></li>
                    <li class="item"><a href="#">5kg以下</a></li>
                    <li class="item"><a href="#">4kg-8kg</a></li>
                    <li class="item"><a href="#">6kg-11kg</a></li>
                    <li class="item"><a href="#">9kg-14kg</a></li>
                    <li class="item"><a href="#">12kg-22kg</a></li>
                    <li class="item"><a href="#">12kg-20kg</a></li>
                    <li class="item"><a href="#">12kg-17kg</a></li>
                    <li class="item"><a href="#">15kg-28kg</a></li>
                    <li class="item"><a href="#">13kg-25kg</a></li>
                </ul>
            </li>
        </ul>
        <!--END/搜索条件-->

        <!--关键词联想-->
        <div class="key-link">
            <span class="label">你是不是在找：</span>
            <a href="#" class="link">纸尿裤</a>
            <a href="#" class="link">纸尿裤花王</a>
            <a href="#" class="link">班博纸尿裤</a>
            <a href="#" class="link">纸尿裤s码</a>
            <a href="#" class="link">大王纸尿裤</a>
            <a href="#" class="link">花王纸尿裤xl</a>
            <a href="#" class="link">纸尿裤花王nb</a>
            <a href="#" class="link">纸尿裤花王m</a>
        </div>
        <!--END/关键词联想-->

        <!--排序-->
        <div class="sort">
            <div class="page-num fn-fr"><span class="total-result">共搜索到<span class="text-color-1">200</span>个结果</span><span class="text-color-2">1</span>/12</div>
            <span class="label">排序：</span>

            <span class="sort-param fn-dib down">综合 <i class="icon icon-arrow-b3"></i><i class="icon icon-arrow-t3"></i></span>
            <span class="sort-param fn-dib up">销量 <i class="icon icon-arrow-b3"></i><i class="icon icon-arrow-t3"></i></span>
            <span class="sort-param fn-dib">价格 <i class="icon icon-arrow-b3"></i><i class="icon icon-arrow-t3"></i></span>

            <label><input type="checkbox">仅显示有货</label>
        </div>
        <!--END/排序-->

    </div>
</div>

<!--搜索结果-->
<div class="inbox result-list">
    <div class="panel-body">
        <ul class="imglist-2 ui-cols-4 imglist-2-ver imglist-skin-2">
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-9.jpg" alt="">
                        </a>
                        <i class="icon icon-soldout"></i>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a href="#" class="fav-link" title="加关注"><i class="icon icon-noFav"></i>加关注</a>
                            <p>
                                <span class="text-color-1 font-14 fn-mr4">￥<span class="font-24">68</span></span>
                                <span class="bl-label label-brd-red fn-mb8">包邮</span>
                                <del class="fn-fr font-14 fn-mt6">￥168</del>
                            </p>

                            <a class="tit link" href="#">LA MER海蓝之谜精华露</a>
                            <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>

                            <p class="fn-hide">
                                <span class="text-color-7">已有<a href="" class="text-color-8">258</a>人评价</span>
                            </p>
                            <p>
                                <span>阿福易购自营专区</span><span class="bl-label fn-ml4">阿福自营</span>
                            </p>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-9.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a href="#" class="fav-link" title="加关注"><i class="icon icon-noFav"></i>加关注</a>
                            <p>
                                <span class="text-color-1 font-14 fn-mr4">￥<span class="font-24">68</span></span>
                                <span class="bl-label label-brd-red fn-mb8">包邮</span>
                                <del class="fn-fr font-14 fn-mt6">￥168</del>
                            </p>

                            <a class="tit link" href="#">LA MER海蓝之谜精华露</a>
                            <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>

                            <p class="fn-hide">
                                <span class="text-color-7">已有<a href="" class="text-color-8">258</a>人评价</span>
                            </p>
                            <p>
                                <span>阿福易购自营专区</span><span class="bl-label fn-ml4">阿福自营</span>
                            </p>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-9.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a href="#" class="fav-link" title="加关注"><i class="icon icon-noFav"></i>加关注</a>
                            <p>
                                <span class="text-color-1 font-14 fn-mr4">￥<span class="font-24">68</span></span>
                                <span class="bl-label label-brd-red fn-mb8">包邮</span>
                                <del class="fn-fr font-14 fn-mt6">￥168</del>
                            </p>

                            <a class="tit link" href="#">LA MER海蓝之谜精华露</a>
                            <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>

                            <p class="fn-hide">
                                <span class="text-color-7">已有<a href="" class="text-color-8">258</a>人评价</span>
                            </p>
                            <p>
                                <span>阿福易购自营专区</span><span class="bl-label fn-ml4">阿福自营</span>
                            </p>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-9.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a href="#" class="fav-link" title="加关注"><i class="icon icon-noFav"></i>加关注</a>
                            <p>
                                <span class="text-color-1 font-14 fn-mr4">￥<span class="font-24">68</span></span>
                                <span class="bl-label label-brd-red fn-mb8">包邮</span>
                                <del class="fn-fr font-14 fn-mt6">￥168</del>
                            </p>

                            <a class="tit link" href="#">LA MER海蓝之谜精华露</a>
                            <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>

                            <p class="fn-hide">
                                <span class="text-color-7">已有<a href="" class="text-color-8">258</a>人评价</span>
                            </p>
                            <p>
                                <span>阿福易购自营专区</span><span class="bl-label fn-ml4">阿福自营</span>
                            </p>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-9.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a href="#" class="fav-link" title="加关注"><i class="icon icon-noFav"></i>加关注</a>
                            <p>
                                <span class="text-color-1 font-14 fn-mr4">￥<span class="font-24">68</span></span>
                                <span class="bl-label label-brd-red fn-mb8">包邮</span>
                                <del class="fn-fr font-14 fn-mt6">￥168</del>
                            </p>

                            <a class="tit link" href="#">LA MER海蓝之谜精华露</a>
                            <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>

                            <p class="fn-hide">
                                <span class="text-color-7">已有<a href="" class="text-color-8">258</a>人评价</span>
                            </p>
                            <p>
                                <span>阿福易购自营专区</span><span class="bl-label fn-ml4">阿福自营</span>
                            </p>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-9.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a href="#" class="fav-link" title="加关注"><i class="icon icon-noFav"></i>加关注</a>
                            <p>
                                <span class="text-color-1 font-14 fn-mr4">￥<span class="font-24">68</span></span>
                                <span class="bl-label label-brd-red fn-mb8">包邮</span>
                                <del class="fn-fr font-14 fn-mt6">￥168</del>
                            </p>

                            <a class="tit link" href="#">LA MER海蓝之谜精华露</a>
                            <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>

                            <p class="fn-hide">
                                <span class="text-color-7">已有<a href="" class="text-color-8">258</a>人评价</span>
                            </p>
                            <p>
                                <span>阿福易购自营专区</span><span class="bl-label fn-ml4">阿福自营</span>
                            </p>
                        </div>
                    </div>
                </div>
            </li>
            <li class="col col-space">
                <div class="col-box">
                    <div class="col-l">
                        <a href="#">
                            <img src="../images/classify/pic-9.jpg" alt="">
                        </a>
                    </div>
                    <div class="col-r">
                        <div class="panel-body">
                            <a href="#" class="fav-link" title="加关注"><i class="icon icon-noFav"></i>加关注</a>
                            <p>
                                <span class="text-color-1 font-14 fn-mr4">￥<span class="font-24">68</span></span>
                                <span class="bl-label label-brd-red fn-mb8">包邮</span>
                                <del class="fn-fr font-14 fn-mt6">￥168</del>
                            </p>

                            <a class="tit link" href="#">LA MER海蓝之谜精华露</a>
                            <p class="sub-tit fn-dib-otw">SK-II肌源赋活修护精华霜100g加送护肤洁面霜</p>

                            <p class="fn-hide">
                                <span class="text-color-7">已有<a href="" class="text-color-8">258</a>人评价</span>
                            </p>
                            <p>
                                <span>阿福易购自营专区</span><span class="bl-label fn-ml4">阿福自营</span>
                            </p>
                        </div>
                    </div>
                </div>
            </li>


        </ul>

        <!--分页-->
        <!--  fn-tl/fn-tc/fn-tr 左中右定位; pager-big 大尺寸分页 可不加-->
        <div class="pager pager-big fn-tr">
            <ul class="pagination">
                <li class="disabled"><span>«</span></li>
                <li class="active"><span>1</span></li>
                <li><a href="http://afuyigou.app/search?page=1">2</a></li>
                <li><a href="http://afuyigou.app/search?page=3">3</a></li>
                <li><a href="http://afuyigou.app/search?page=4">4</a></li>
                <li><a href="http://afuyigou.app/search?page=5">5</a></li>
                <li><a href="http://afuyigou.app/search?page=6">6</a></li>
                <li><a href="http://afuyigou.app/search?page=7">7</a></li>
                <li><a href="http://afuyigou.app/search?page=2" rel="next">»</a></li>
            </ul>
        </div>
        <!--END/分页-->

    </div>
</div>
<!--END/搜索结果-->

<!--无数据-->
<div class="inbox ui-brd-box1">
    <div class="bl-nodata nodata-imgtext nodata-imgtext-smaller">
        <div class="nodata-img">
            <img src="../images/mascot.png" alt="">
        </div>

        <div class="nodata-text nodata-con nodata-imgtext-small">
            <div class="h1">抱歉，没有找到与“<span class="text-color-1">XXX</span>”相关的商品</div>
            <p>建议您：</p>
            <p>1、看看输入的文字是否有误</p>
            <p>2、拆分要搜索的关键词，分成几个词语再次搜索</p>
        </div>
    </div>

    <!--猜你喜欢-->
    <div class="recommend-list">
        <div class="list-head fn-mb16">
            <div class="tit tit-4">
                <h3 class="h fn-mr10">
                    猜你喜欢
                </h3>
                <div class="more fn-fl fn-mt4">
                    根据您的浏览记录推荐的商品
                </div>
                <a href="#" class="more"><i class="icon icon-load1"></i>换一批</a>
            </div>
        </div>
        <div class="list-body">
            <ul class="bl-imglist imglist-5col">
                <li>
                    <div class="col-space">
                        <a href="#">
                            <img src="../images/classify/pic-10.jpg" alt="">
                            <p class="name">【Innisfree】  浓缩精华液</p>
                        </a>
                        <p class="price"><span>1216</span>元</p>
                    </div>
                </li>
                <li>
                    <div class="col-space">
                        <a href="#">
                            <img src="../images/classify/pic-10.jpg" alt="">
                            <p class="name">【Innisfree】  浓缩精华液</p>
                        </a>
                        <p class="price"><span>1216</span>元</p>
                    </div>
                </li>
                <li>
                    <div class="col-space">
                        <a href="#">
                            <img src="../images/classify/pic-10.jpg" alt="">
                            <p class="name">【Innisfree】  浓缩精华液</p>
                        </a>
                        <p class="price"><span>1216</span>元</p>
                    </div>
                </li>
                <li>
                    <div class="col-space">
                        <a href="#">
                            <img src="../images/classify/pic-10.jpg" alt="">
                            <p class="name">【Innisfree】  浓缩精华液</p>
                        </a>
                        <p class="price"><span>1216</span>元</p>
                    </div>
                </li>
                <li>
                    <div class="col-space">
                        <a href="#">
                            <img src="../images/classify/pic-10.jpg" alt="">
                            <p class="name">【Innisfree】  浓缩精华液</p>
                        </a>
                        <p class="price"><span>1216</span>元</p>
                    </div>
                </li>

            </ul>
        </div>
    </div>
    <!--END/猜你喜欢-->
</div>
<!--END/无数据-->


<!--右侧浮动导航-->
<?php include 'include/right-sidebar.php'; ?>
<!--END/右侧浮动导航-->


<!--公共尾部-->
<?php include 'include/footer.php'; ?>
<!--END/公共尾部-->


<!--公用js引用-->
<?php include 'include/script.php'; ?>
<!--END/公用js引用-->

<script src="../js/responsiveslides.min.js"></script>
<script src="../js/scroll.js"></script>
<script src="../js/home.js"></script>
<script>
$('.js-moreBtn').click(function(){
    var that =$(this),
        list=that.siblings('.inner-list');

    that.toggleClass('open');
    list.css('max-height',that.hasClass('open')?'none':'60px');

    list.css('height',that.hasClass('open')?'auto':'60px');
});
</script>
</body>
</html>